<template>
<div class="info">
    <div>{{ count }}</div>
    <div>{{ age }}</div>
    <div>{{ height }}</div>
    <hr>
    <div>sCouter: {{ sCouter }}</div>
    <div>sAge: {{ sAge }}</div>
</div>
</template>

<script>
import UserState from '../hooks/useState'
export default {
  setup () {
    const storeState = UserState(['count', 'age', 'height'])
    const storeState2 = UserState({
      sCouter: state => state.count,
      sAge: state => state.age
    })
    return {
      ...storeState,
      ...storeState2
    }
  }
}
</script>

<style>

</style>
